<template>
  <AppMenu></AppMenu>
  <div class="app-container flex-column">
    <AppNav></AppNav>
    <div class="app-page flex-column">
      <!-- <router-view></router-view> -->
      <iframe :src="src" class="abs"></iframe>
    </div>
  </div>
</template>

<script>
import AppMenu from "./AppMenu.vue";
import AppNav from "./AppNav.vue";
import BaseComponent from "@/application/BaseComponent.vue";
export default {
  extends: BaseComponent,
  name: "Home",
  components: { AppMenu, AppNav },
  data() {
    return {};
  },
  computed: {
    src() {
      let route = this.$route || {};
      console.log(route);
      return route.meta.url;
    }
  },
  created() {},
  setup() {},
  methods: {}
};
</script>
<style>
iframe {
  height: 100%;
  width: 100%;
  border: none;
}
.app-container {
  position: relative;
  overflow: auto;
  flex-grow: 1;
}
.app-page {
  position: relative;
  padding: 10px;
  overflow: auto;
  flex-grow: 1;
}
</style>
